<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <div data-role="page" id="myproduct" tabindex="0" class="wipe_element_right ui-page-theme-a">
        <!-- left panel   -->
        <div data-role="panel" id="mypanel">
            <div class="ui-panel-inner">
                <h3>Vella App</h3>

                <ul data-role="listview" data-inset="true">
                    <li>
                        <label>Tên sản phẩm</label>
                        <input type="text" name="product_name" class="product_name" id="product_name"></li>
                    <li>
                        <label>Chọn danh mục</label>
                        <select id="select_cat"  class="select_cat">
                            <option value=""></option>
                        </select>
                    </li>
                    <li>
                        <label>Chọn tỉnh thành</label>
                        <select id="select_loc" class="select_loc" >
                            <option value=""></option>
                        </select></li>
                    <li>
                        <label>Cần bán/ Mua</label>
                        <select id="select_type" class="select_type" >
                            <option value="">Cần Bán/ Mua</option>
                            <option value="0">Cần Bán</option>
                            <option value="1">Cần Mua</option>
                        </select>
                    </li>
                    <li>
                        <input type="button" value="Tìm" id="btn_search">
                    </li>
                </ul>
            </div>
        </div>
        <!-- content -->

        <!-- fixed header-->
        <div class="header nav_fixed">
            <div class="logo"><img src="img/logo.png"></div>

            <div class="right_header">
                <ul>
                    <li class="width20 "><a href="#mypanel_right" id="" class="icon_profile"></a></li>
                    <li class="width20 "><a href="addproduct.html" id="addproduct" class="icon_add"></a></li>
                    <li class="width20"><a href="#mypanel" class="icon_seacrh"></a></li>
                </ul>
            </div>
        </div>
        <!-- end fixed headr -->
        <div data-role="header" class="margin_top55">
            <h1>Sản Phẩm Của Tôi</h1>
            <!--
            <a  style="margin-top: 15px;" data-rel="back" data-icon="back">Trở Lại</a>
            -->
        </div>
        <input type="search" name="search-1" id="search-1" class="search_field" value="">
        <div class="ui-content ui-bar-a">

            <fieldset class="ui-grid-a">
                <div class="ui-block-a"><input type="button" id="btn_normal" value="Được Đăng" data-theme="a"></div>
                <div class="ui-block-b"><input type="button" id="btn_pending" value="Chưa Duyệt" data-theme="a"></div>
            </fieldset>
            <ul data-role="listview" id="my_product_ajax_table" class="ajax_table"  data-filter="false" data-filter-placeholder="Search Product" data-inset="true" >
            </ul>
<!--
            <button class="ui-btn" id="my_pro_load_more">Tải Thêm</button>
    -->
        </div>
        <!--right panel -->
        <div data-role="panel" id="mypanel_right" data-position="right" >
            <div class="ui-panel-inner">
                <ul data-role="listview" id="logged" data-inset="true">
                    <li>
                        <a href="profile.html">
                            <img class="profile_img" src="">
                            <h2 class="profile_email"></h2>
                            <p class="profile_name">Lương Trí</p>
                        </a>
                    </li>
                    <li><a href="myproduct.html">Sản Phẩm Của Tôi</a></li>
                    <!--
                    <li><a href="#">Mạng Xã hội</a></li>
                    -->
                    <li><a id="btn_logout">Thoát</a></li>
                </ul>
                <ul class="login_form">
                    <li><input type="text" id="log_email" placeholder="Email"></li>
                    <li><input type="password" id="log_pass" placeholder="Mật Khẩu"></li>
                    <li><input type="button" id="btn_log" value="Đăng Nhập"></li>
                    <li><a href="signup.html">Đăng Ký</a> </li>
                    <li><a href="forgotpass.html">Quên mật khẩu</a></li>
                </ul>
            </div>
        </div>
        <div data-role="popup" id="show_option" data-theme="b" data-overlay-theme="b" class="ui-content" style="max-width:340px; padding-bottom:2em;">
            <h3>Quản Lý Sản Phẩm</h3>
                <a href="" id="view" class="ui-shadow ui-btn ui-corner-all ui-btn-b ui-icon-eye ui-btn-icon-left ui-btn-inline ui-mini">Xem</a>
              <a href="" id="edit"  class="ui-shadow ui-btn ui-corner-all ui-btn-b ui-icon-edit ui-btn-icon-left ui-btn-inline ui-mini">Sửa</a>
               <a href="" id="delete"  class="ui-shadow ui-btn ui-corner-all ui-btn-b ui-icon-delete ui-btn-icon-left ui-btn-inline ui-mini">Xoá</a>
        </div>
    </div>

</body>
</html>